import { createApp } from 'vue'
import './style.less'
import App from './App.vue'
import router from './router'

// 8.18快速开始，里面完整引入，手动导入element-plus 的组件样式，回去 Login.vue
import 'element-plus/dist/index.css'

// 2.6导入仓库模块
import { createPinia } from 'pinia'

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// 1.8注册路由
// createApp(App).mount('#app')
// 1.9链式写法
// createApp(App).use(router).mount('#app')

// 1.10分开写，这样容易管理以及阅读，然后去到App.vue里面配置路由出口
const app = createApp(App)

app.use(router)

// 2.7注册仓库
app.use(createPinia())
// 国际化
app.use(ElementPlus, {
    locale: zhCn,
})

app.mount('#app')
